<extend name="Base/common"/>
<block name="head_js">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eYf9sA6yVTFHlh9ytU4a0EYY"></script>
</block>


<block name="banner">
    <div class="banner" style="background-image: url('/Public/Home/images/message.jpg') ">

    </div>
</block>
<block name="body">
    <div class="body">
        <div class="wrap">
            <!--面包屑-->
            <div class="box-crumbs">
                <div class="crumbs">
                    您的位置 :
                    <a href="/">首页</a> &gt;&gt;
                    <a href="{:U('Message/index')}">联系我们</a> &gt;&gt;
                    <a href="{:U('',array('id'=>$data['id']))}" class="on">{$data.title}</a>
                </div>

                <b>联系我们</b>
                <span class="en">Contact us</span>
            </div>
        </div>
        <div class="wrap">
            <div class="lef_menu">
                <ul>
                    <volist name="list" id="val">
                    <li>
                        <a <if condition="$data['id'] eq $val['id']">class="on"</if> href="{:U('',array('id'=>$val['id']))}#body">{$val.title}</a>
                    </li>
                    </volist>
                </ul>
            </div>
            <div class="page_content" style="margin-bottom: 20px;">
                <div style="width: 950px;height: 500px;" id="baidumap"></div>
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8d6faca73668c313b412aca7dd24a558"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

    <script>
        var map = new BMap.Map("baidumap");
        var point = new BMap.Point(104.074667,30.622078);
        map.centerAndZoom(point, 17);
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);               // 将标注添加到地图中
        marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
        map.enableScrollWheelZoom(true);
    </script>
</block>